<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>鼓励金充值</title>
    <script src="__INDEX__/js/mui.min.js"></script>
	<link href="__INDEX__/css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="__INDEX__/css/iconfont.css" />
	<link rel="stylesheet" href="__INDEX__/css/style.css" />
	<link rel="stylesheet" href="__INDEX__/css/mall.css" />	
</head>
<body>
	<header class="mui-bar mui-bar-nav glj_bar_nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">鼓励金充值</h1>
	</header>	
	<div class="mui-content gljcz_content">
	    <div class="glj_cztop">
	    	<span>我的鼓励金</span>
	    	<span class="glj_wdnum">{$info_user.score}</span>
	    </div>
	    <form id="my_form" class="layui-form update_form" action="{:url('member/to_pay')}" method="post">
	    	<input type="hidden" id="cz" name="cz" value="0" />
		    <div class="glj_czbt">请选择充值金额</div>
		    <ul class="glj_czlist clearfix">
		    	<li  data-val=10>
		    		<a href="#">
		    			<p class="rmb">10元</p>
		    			<p class="glj">50鼓励金</p>
		    		</a>
		    	</li>
		    	<li data-val=20>
		    		<a href="#">
		    			<p class="rmb">20元</p>
		    			<p class="glj">100鼓励金</p>
		    		</a>
		    	</li>
		    	<li data-val=40>
		    		<a href="#">
		    			<p class="rmb">40元</p>
		    			<p class="glj">200鼓励金</p>
		    		</a>
		    	</li>
		    	<li data-val=100>
		    		<a href="#">
		    			<p class="rmb">100元</p>
		    			<p class="glj">500鼓励金</p>
		    		</a>
		    	</li>
		    	<li data-val=200>
		    		<a href="#">
		    			<p class="rmb">200元</p>
		    			<p class="glj">1000鼓励金</p>
		    		</a>
		    	</li>
		    	<li data-val=400>
		    		<a href="#">
		    			<p class="rmb">400元</p>
		    			<p class="glj">2000鼓励金</p>
		    		</a>
		    	</li>
		    </ul>
		    <!--<div class="xiey_group">
				<input name="checkbox" id="checkbox" value="Item 1" type="checkbox" >
				<span><a href="xieyi.html?type=cz">鼓励金服务协议</a></span>			
			</div>
			<div class="xiey_tip">会员充值须知：您已知晓充值的鼓励金是用作消费时抵部分现金使用，并已确认了附近有合作实体店铺，如果附近没有实体店可供您消费，请勿充值。
			</div>-->
		    <div class="gerzl_btn gerzl_btn2" id="btn"><a href="#">确定</a></div>
	    </form>
	</div>
</body>
{include file="public/footer" /}
<script>
	$(".glj_czlist li").click(function(){
		$(".active").removeClass("active");
		$(this).addClass("active");
		$("#cz").val($(this).data('val'));
	})
	$("#btn").click(function(){
		var cz_money=$(".active").data("val");
		if(cz_money==undefined){
			layer.msg("请选择购买金额");
			return;
		}else{
//			if($('#checkbox').is(':checked')==false) {
//				    layer.msg('请阅读充值协议');
//				    return;
//			}
			var btnArray = ['不同意', '同意'];
				mui.confirm('鼓励金电子优惠券购买须知，鼓励金是一种电子优惠券,一经购买概不退回。您已知晓购买的鼓励金是用作消费时抵部分现金使用，并已确认了附近有合作实体店铺,如果附近没有实体店可供您消费,请勿购买', '鼓励金电子优惠券购买须知', btnArray, function(e) {
					 if (e.index == 1) {
					 	$("#my_form").submit();
					 }
			})
			
		}
		
	})
</script>
</html>
